<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>服务中心</title>
    <link rel="stylesheet" href="../css/u-reset.min.css">
    <link rel="stylesheet" href="../css/connect-me.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <!-- <link rel="stylesheet" href="./head.css"> -->
    <script src="../js/connect-me.js"></script>
</head>

<body>
    <!-- 头部 -->
    
    <div class="container">
        <div class="nav">
            <img src="../image-cl/navimg.jpg" alt="">
        </div>
        <!-- 门店搜索 -->
        <div class="shopsearch">
            <ul>
                <li style="position: relative;">
                    <img src="../image-cl/circle.png" alt="" style="width: 238px; height: 238px; position: absolute; bottom: -55px; right: -65px; z-index: 0;">
                    <img src="../image-cl/map.png" alt="" style="z-index: 2;position: absolute;left: 0; ">
                </li>
                <li>
                    <div class="shoph2">
                        <img src="../image-cl/meun_bg1.png" alt="">
                        <h2>门店搜索</h2>
                    </div>
                    <div class="shopcontant">
                        截止2019年12月31日，海底捞已在中国（含港澳台）以及新加坡、越南、韩国、日本、英国、美国、加拿大以及澳大利亚等国家经营768家门店，拥有超过5473万会员和10万员工。
                    </div>
                    <div class="details">
                        <a href="">查看门店详情</a><i class="iconfont icon-changjiantou-copy-copy-copy"></i>
                    </div>
                </li>
            </ul>
        </div>
        <!-- 门店搜索结束 -->
        <!-- 联系我们开始 -->
        <div class="contact-us">
            <div class="contact-h2">
                <img src="../image-cl/meun_bg1.png" alt="">
                <h2 class="h2">联系我们</h2>
            </div>
            <div class="contact-way">
                <ul>
                    <li>
                        <div class="contact-img"><img src="../image-cl/tell.png" alt=""></div>
                        <div class="contact-p">
                            <p>客服电话： 4009-107-107</p>
                        </div>
                    </li>
                    <li>
                        <div class="contact-img"><img src="../image-cl/clock.png" alt=""></div>
                        <div class="contact-p">
                            <p>工作时间：每天9:00 - 22:00</p>
                        </div>
                    </li>
                    <li>
                        <div class="contact-img">
                            <img src="../image-cl/email.png" alt="">
                        </div>
                        <div class="contact-p">
                            <p>客服邮箱：hdl@haidilao.com</p>
                            <p>媒体问询：media@haidilao.com</p>
                            <p>投资者联络：ir@haidilao.com</p>
                        </div>
                    </li>
                    <li>
                        <div class="contact-img">
                            <img src="../image-cl/star.png" alt="">
                        </div>
                        <div class="contact-ul">
                            <span>
                                    <img src="../image-cl/app.png" alt="">
                                    APP
                                </span>
                            <span>
                                    <img src="../image-cl/WeChat.png" alt="">
                                    微信
                                </span>
                            <span>
                                    <img src="../image-cl/weibo.png" alt="">
                                    微博
                                </span>
                            <span>
                                    <img src="../image-cl/qq.png" alt="">
                                    QQ
                                </span>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="complain">
                <p>投诉与表扬：致电客服电话、下载海底捞火锅APP、关注海底捞火锅公众号</p>
                <p>排号订餐：下载海底捞火锅APP、关注海底捞火锅公众号、致电门店订餐电话</p>
            </div>
        </div>
        <!-- 联系我们结束 -->
        <!-- 欢乐卡开始 -->
        <div class="huan-card">
            <ul class="huancard-ul">
                <li>
                    <span class="span1">
                        <img src="../image-cl/huan1.png" alt="">
                    </span>
                    <span class="span2">
                        <p class="huan-p1">欢乐卡</p>
                        <p class="huan-p2">欢乐卡查询</p>
                    </span>
                </li>
                <li>
                    <span class="span1">
                        <img src="../image-cl/huan2.png" alt="">
                    </span>
                    <span class="span2">
                        <p class="huan-p1">海底捞外卖</p>
                        <p class="huan-p2">随时随地&nbsp;尽享美味锅底</p>

                    </span>
                </li>
            </ul>
        </div>
        <!-- 欢乐卡结束 -->
        
    </div>
</body>

</html>